.examples_body {
	 width: 100%;
	 clear: both;
	 overflow: hidden;
	 position: relative;
	padding:90px 0 100px 0;
	margin: 0;
	border: none;
	background-color: #fff;
}

.examples_body2{
	width: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
/* The main banner unordered list */
.bannerHolder {
	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}

/* Hiding the bullets of the li elements: */
.bannerHolder li {
	 list-style: none;
	 display: inline;float: left;width: 50%;
}

/* The banner divs */
.picbox {
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
	 width:615px;

}

/* The banner divs */
.picbox img {
	 display: block;
	 border: none;
}
.toleft{ margin-left:0px;}
/* The dark animated divs */
.picbox div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 cursor: pointer;
	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.picbox .cornerTL { left:-353px; top:-383px; }
.picbox .cornerTR { right:-353px; top:-383px; }
.picbox .cornerBL { left:-353px; bottom:-383px; }
.picbox .cornerBR { right:-353px; bottom:-383px; }


/* The "Visit Company" text */
.picbox p {
     width: 100%;
	 left: 0;
	 bottom: 0;
	 z-index: 200;
	 position: absolute;
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 color: #FFF;
	 font-size:28px; line-height:60px;
	letter-spacing:5px;
	text-align: center;
	 cursor: pointer; background: url(../images/indnfo.png) repeat-x center left;
	 /*display: none;	 hidden by default */
}







/* The banner divs */
.picbox2 {
	position: relative;
	overflow: hidden;
	float: left;
	display: inline;
	width: 50%;
}

/* The banner divs */
.picbox img {
	display: block;
	border: none;
}
/* The dark animated divs */
.picbox2 div {
	position: absolute;
	z-index: 100;
	background-color: #222;

	cursor: pointer;
	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.picbox2 .cornerTL { left:-353px; top:-383px; }
.picbox2 .cornerTR { right:-353px; top:-383px; }
.picbox2 .cornerBL { left:-353px; bottom:-383px; }
.picbox2 .cornerBR { right:-353px; bottom:-383px; }


/* The "Visit Company" text */
.picbox2 p {
	width: 100%;
	left: 0;
	top: 157px;
	z-index: 200;
	position: absolute;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 55px;
	letter-spacing:5px;
	text-align: center;
	cursor: pointer;
	display: none;	/* hidden by default */
}




@media screen and (max-width:480px){

	.picbox {
		width:100%;
		margin-left: auto;
		margin-right: auto;
		float: none;

	}



	/* The banner divs */
	.picbox img {
		display: block;
		border: none;
		width: 100%;
		margin-bottom:4px;
	}
	.toleft{ margin-left: 0px;}
	/* The dark animated divs */
	.picbox div {
		position: absolute;
		z-index: 100;
		background-color: #222;
		width:100%;
		cursor: pointer;
		/*	Setting a really big value for border-radius
            will make the divs perfect circles */
		-moz-border-radius:100px;
		-webkit-border-radius:100px;
		border-radius:100px;
	}

	.picbox2 {
		width:49%;
		position: relative;
		overflow: hidden;
		float: left;
		display: inline;
	}

	/* The banner divs */
	.picbox2 img {
		display: block;
		border: none;
		width: 100%;
	}
	/* The dark animated divs */
	.picbox2 div {
		position: absolute;
		z-index: 100;
		background-color: #222;
		width:100%;
		cursor: pointer;
		/*	Setting a really big value for border-radius
            will make the divs perfect circles */
		-moz-border-radius:100px;
		-webkit-border-radius:100px;
		border-radius:100px;
	}
	
.examples_body{padding:20px 0;}
.picbox{width:96%; float:none;}
.bannerHolder li{width:100%;}
}